<template>
  <div>1233333==={{ sum }}</div>
</template>

<script>
import { computed, ref } from 'vue'
export default {
  // computed:{
  //   total(){
  //     return
  //   }
  // }

  setup() {
    //  computed  ====求和
    // var arr=[1,2,3,4,5]
    // const arr=reactive([1,2,3,4,5])

    // const  sum=computed(()=>{
    //   console.log(arr,8222);
    //   return arr.reduce((total,item)=>{
    //     return total+item
    //   },0)
    // })
    // console.log(sum,888);

    const arr = ref([1, 2, 3, 4, 5])
    const sum = computed(() => {
      console.log(arr, 8222)
      return arr.value.reduce((total, item) => {
        return total + item
      }, 0)
      //  return 123
    })
    console.log(sum, 888)

    return { sum }
  }
}
</script>

<style lang="scss" scoped></style>
